<template>
  <div>
      <header>
        <img  @click="fan()" src="login/1.png" alt="">
        <h2>发票管理</h2>
        <p>发票说明</p>
      </header>
      <div class="main">
          <ul>
              <li><router-link :to='{name:"invoiceorder",query:{"text":"按订单开票"}}'><span>按订单开票</span><span>&gt;</span></router-link></li>
              <li><router-link :to='{name:"invoiceorder",query:{"text":"咖啡钱包购买开票"}}'><span>咖啡钱包购买开票</span><span>&gt;</span></router-link></li>
              <li><router-link :to='{name:"invoiceorder",query:{"text":"礼品卡购买发票"}}'><span>礼品卡购买发票</span><span>&gt;</span></router-link></li>
              <li><router-link :to='{name:"invoiceorder",query:{"text":"充值开票"}}'><span>充值开票</span><span>&gt;</span></router-link></li>
              <li><router-link :to='{name:"invoiceorder",query:{"text":"权益卡开票"}}'><span>权益卡开票</span><span>&gt;</span></router-link></li>
              <li><router-link :to='{name:"invoiceorder",query:{"text":"瑞幸自由卡开票"}}'><span>瑞幸自由卡开票</span><span>&gt;</span></router-link></li>
          </ul>
          <p class="invoice"></p>
          <p><router-link :to='{name:"invoiceorder",query:{"text":"发票记录"}}'><span>发票记录</span><span>&gt;</span></router-link></p>
          <p><router-link :to='{name:"invoiceorder",query:{"text":"发票抬头"}}'><span>发票抬头</span><span>&gt;</span></router-link></p>
      </div>
      
  </div>
</template>

<script>
export default {
    methods:{
        fan(){
            this.$router.go(-1)
        }
    }
}
</script>

<style scoped>
header{
    width: 100%;
    height: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding-right: 0.2rem; */
position: relative;

}
h2{
    font-size: 0.17rem;
}
header>p{
position: absolute;
right: 0.2rem;
}
header>img{
position: absolute;
left: 0;
width: 0.4rem;
}
.main{
    width: 3.5rem;
    margin: auto;
    /* padding: 0.1rem; */
    background-color: #fcfcfc;
}
.main li>a{
    margin:0.1rem ;
    font-size: 0.13rem;
    line-height: 0.4rem;
    display: flex;
    justify-content: space-between;
    padding-right: 0.3rem;
}

.main>p>a{
    margin:0.1rem ;
    font-size: 0.13rem;
    line-height: 0.4rem;
    display: flex;
    /* flex-direction: column; */
    justify-content: space-between;
    padding-right: 0.3rem;
}
li>span:nth-child(2){
    color: #858585;
}
.main>.invoice{
    padding: 0;
    margin: 0;
    height: 0.15rem;
    background-color: #f5f5f5;
    /* margin-top: 0.15rem; */
}
</style>